@import 'variable.less';
.add_page {
  width: 100%;
  height: 100vh;
  background: url('../img/img2/bg2.jpg');
  background-size:110% 106%;
  background-position: center 0;
  z-index:97;
  left:0;
  top:0;
  bottom:0;
  right:0;
  .text1 {
    top:12%;
    left: 0;
    z-index: 2;
    width: 100%;
  }
  .form {
    top:25%;
    left: 0;
    z-index: 2;
    width: 100%;
    input,
    select {
      color: rgb(192, 188, 188);
      border:1px #3b65bd solid;
      border-radius: 0px;
      background-color: rgba(8, 24, 143, 0.38);
      text-align: left;
      .f-s(16);
      z-index: 4;
      transform: none;
      padding-bottom: 0px;
      padding-top: 0px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
      width: 50%;
      margin: 0 auto;
      .p(8,8,8,8);
      .h(40);
      .mb(7);
      font-weight: 400;
      -webkit-appearance: none;
    }
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      color: rgb(192, 188, 188);
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
      color: rgb(192, 188, 188);
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
      color: rgb(192, 188, 188);
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
      color: rgb(192, 188, 188);
    }
    .submit,
    .check {
      width: 50%;
      .h(40);
      color: rgb(255, 255, 255);
      border-radius: 0px;
      background-color: rgba(72, 122, 252, 0.38);
      .f-s(16);
      .l-h(38);
      text-align: center;
      z-index: 8;
      transform: none;
      border:1px #3b65bd solid;
      padding-bottom: 0px;
      padding-top: 0px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
      margin: 0 auto;
    }
    .submit {
      .mt(20);
      .mb(10);
    }
  }
  .text4 {
    .b(50);
    left: 0%;
    z-index: 2;
    width: 130%;
    transform: translateX(-10%);
  }
  .modal {
    top: 50%;
    left: 50%;
    .w(280);
    transform: translate(-50%, -50%);
    z-index: 100;
    .b-r(10);
    overflow:hidden;
    .white_box {
      width: 100%;
      background: #fff;
      .p(20,20,20,20);
      .sucess {
        .w(50);
        .h(50);
        margin: 0 auto;
        .mb(20);
      }
      .sucess_text{
      	text-align: center;
      	color:rgb(118, 131, 143);
      	.f-s(18);
      	.l-h(22);
      }
    }
    .close_box{
    	width:100%;
    	background: rgb(86, 198, 255);
    	.h(40);
    	color:#fff;
    	text-align: center;
    	line-height: 40px;
    }
  }
  .modal_bg {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99;
  }
}
.user_pass{
  width: 100%;
  height: 100vh;
  width:100%;
  height:100vh;
  background:url('../img/img1/bg1.jpg');
  background-size:cover;
  @media screen and (min-device-width: 700px){
    background-size:100% 120%;
    background-position:center -50%;
  }
  @media screen and (min-width: 700px){
  background-size:100% 120%;
  background-position:center -50%;
  }
  z-index:98;
  left:0;
  top:0;
  bottom:0;
  right:0;
  .home{
    .w(35);
    .h(35);
    .t(5);
    .l(20);
    border:1px #fff solid;
    border-radius:50%;
    z-index:99;
  .backIcon{
    .w(33);
    .h(33);
    background: url("../img/home.png") no-repeat;
    background-size: 60% 60%;
    background-position: center center;
    position:relative;
  }
}
  .text1{
    top:8%;
    left:0;
    z-index:2;
    width:100%;
    @media screen and (min-device-width: 700px){
      width:80%;
      left:10%;
    }
        @media screen and (min-width: 700px){
      width:80%;
      left:10%;
        }
  }
  .text2{
    top:33%;
    left:0;
    z-index:3;
    width:100%;
  }
  .text3{
    top:52%;
    left:0;
    z-index:2;
    width:100%;
    .f-s(30);
    color:#f1f1f1;
    .l-h(40);
  }
  .text4{
    top:60%;
    left:0;
    z-index:3;
    width:100%;
    .f-s(50);
    color:#f1f1f1;
    .l-h(50);
    letter-spacing: 5px;
    text-shadow:0 0 20px #8bbde9;
  }
  .text5{
    .b(100);
    // bottom:8%;
    left:0;
    z-index:2;
    width:100%;
    .f-s(15);
    color:#a0a2a7;
    .l-h(20);
  }
  .text6{
    .b(75);
    // bottom:4%;
    left:0;
    z-index:2;
    width:100%;
    .f-s(12);
    color:#a0a2a7;
    .l-h(20);
  }
}